#leftColumn {
    width: 20%;
    display: inline-block;
}

#centerColumn {
    width: 70%;
    display: inline-block;
    vertical-align: top;
}

#username {
    font-size: 30px;
}

#ranking {
    position: absolute;
    top: 30px;
    right: 0px;
    text-align: right;
}

#ranking span{
    display: block;
    font-size: 20px;
    padding-right: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
}

#ranking span:hover{
    background: #0bacd3;
    color: white;
    cursor: pointer;
}

#ranking span.rank-active{
    font-size: 40px;
    background: #2c3f58;
    color: white; 
    padding-right: 150px;
    padding-left: 50px;
    border: 4px solid #2c3f58;
}

/*#ranking span.rank-active:after, #ranking span.rank-active:before {
	right: 30%;
	top: 15%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: relative;
	pointer-events: none;
}

#ranking span.rank-active:after {
	border-color: rgba(44, 63, 88, 0);
	border-left-color: #2c3f58;
	border-width: 30px;
	margin-top: -30px;
}
#ranking span.rank-active:before {
	border-color: rgba(44, 63, 88, 0);
	border-left-color: #ffffff;
	border-width: 34px;
	margin-top: -35px;
}*/

#profileimg, #profileimgfilter {
    height: 200px;
    width: 200px;
    border-radius: 7em;
    border: 10px solid #ccc;
    z-index: 1000;
}